<!DOCTYPE html>
<html lang="en" ng-app="showPersonalTravelsCtrl">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <title>雅江--旅游攻略详情页</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/travelNotesDetail.css"/>
	<!--交互使用文件-->
	<link rel="stylesheet" type="text/css" href="css/jNotify.jquery.css" />
	<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
	<script type="text/javascript" src="js/angular-1.5.6.js" ></script>
	<script type="text/javascript" src="js/controller.js" ></script>
	<script type="text/javascript" src="js/jNotify.jquery.js"></script>
  </head>
  <body ng-controller="showPersonalTravels">
	<div class="container">
		<!--头部开始，包括头标题-->	
<img src="images/4-5.jpg" class="img-responsive" style="min-height: 300px;width: 100%;"/>
<h2 class="notehead">Hey 雅江，在你怀里打开文艺少女心</h2>
	</div>
		<!--头部结束-->
		<!--头像与作者时间开始-->
		<div class="container head">
			<!--重复row-->
    <div class="row">
		    	<div class="media">
            <a href="#" class="media-left">
            <!--这是头像-->
                <img src="images/4-4.jpg" class="img-circle"/>
            </a>
            <div class="media-body  media-bottom">
                <h4 class="author">{{userName}}</h4>
                <h4 class="pushtime">2017/09/28</h4>
            </div>
            
       </div>	
    </div>
   </div>
		<!--头像与作者时间结束-->
		<!--游记内容开始-->
		<div class="container noteconout">
			<div class="container" ng-repeat="travels in travelses">
				<div class="row col-lg-12 col-md-12 col-xs-12 notecondown text-center">
					<img src="{{travels.picture}}"/>
				</div>
				<div class="row col-lg-7 col-md-7 col-xs-12 text-center pdiv">
					<p>{{travels.content}}</p>
				</div>
			</div>
		</div>
		<!--游记内容结束-->
 </body>
 </html>
